<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <title>目标诊所统计</title>
    <script src = "http://cdn.bootcss.com/echarts/3.3.1/echarts.min.js"></script>
    <script src="__PUBLIC__/Home/SaleManager/js/zepto.min.js"></script>
    <link href="__PUBLIC__/Home/SaleManager/css/stylesheets/weui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="__PUBLIC__/Home/SaleManager/css/stylesheets/index.css">

</head>
<body>
<div class="clinicSum">
    <header class = "all_header">
        <a class = "h_back h_back_1" href="javascript:void(0)"><img src="__PUBLIC__/Home/SaleManager/images/back_icon.png" alt=""></a>
        <span class = "h_title">目标诊所统计</span>
        <a class = "h_add" href="javascript:void(0)"></a>
    </header>
    <div class="work_tips">目标诊所共计<span>{$clinicSumNum}</span>个</div>
    <div id="main" style="width: 100%;height:400px;"></div>
</div>
<script src = "__SaleManager__/js/androidback.js"></script>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: ''
        },
        tooltip: {},
        legend: {
            data:['月份'],
        },
        xAxis: {
            name: "月份",
            data: ["1","2","3","4","5","6","7","8","9","10","11","12"]
        },
        yAxis: {
            name: "个",
        },
        series: [{
            name: '个数',
            type: 'bar',
            data: {$clinic_str},
            itemStyle: {
                normal: {
                    color: "#6db0e4",
                }
            }
        }],
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
<script src = "__PUBLIC__/Home/SaleManager/js/index.js"></script>
</body>
</html>